<!DOCTYPE html>
<html lang="en" class="wide wow-animation smoothscroll scrollTo">
  <head>
    {template "layouts","header"}
  </head>
  <body>
    <!-- Page-->
    <div class="page text-center">
      <!-- Page Header-->
      <header class="page-head">
        {template "layouts","navbar"}
      </header>
      {template "layouts","breadcrumb"}

      <!-- Page Content-->
      <main class="page-content">

        <section class="section-98 section-sm-110">
          <div class="shell">
            <h3><a href="{$CATEGORYS[16]['url']}" class="text-gray-dark">{$CATEGORYS[16]['catname']}</a></h3>
            <hr class="divider divider-lg bg-java">
            <div class="offset-top-41 offset-lg-top-30">
              {pc:content action="lists" catid="16" num="8" siteid="$siteid" order="listorder DESC"}
              <div class="range">
                {loop $data $r}
                <div class="cell-xs-8 cell-sm-7 cell-md-3 offset-top-30">
                  <figure class="thumbnail-josip odd"><a href="{$r['url']}">
                    <img width="270" height="270" src="{$r['thumb']}" alt=""/></a>
                    <div class="thumbnail-desc">
                      <h5 class="thumbnail-josip-title text-bold text-white">{$r['title']}</h5>
                      <p class="veil reveal-md-block text-italic text-white offset-top-0">{$r['description']}</p>
                    </div>
                    <figcaption><a href="{$r['url']}" class="btn btn-block btn-rect text-md-left btn-java">查看详细</a></figcaption>
                  </figure>
                </div>
                {/loop}
              </div>
              {/pc}
              <div class="offset-top-60"><a href="{$CATEGORYS[16]['url']}" class="btn btn-ellipse btn-java">查看全部</a></div>
            </div>
          </div>
        </section>

        <section class="section-98 section-sm-110 bg-white-liac">
          <div class="shell">
            <h3><a href="{$CATEGORYS[17]['url']}" class="text-gray-dark">{$CATEGORYS[17]['catname']}</a></h3>
            <hr class="divider divider-lg bg-java">
            <div class="offset-top-41 offset-lg-top-30">
              {pc:content action="lists" catid="17" num="8" siteid="$siteid" order="listorder DESC"}
              <div class="range">
                {loop $data $r}
                <div class="cell-xs-8 cell-sm-7 cell-md-3 offset-top-30">
                  <figure class="thumbnail-josip odd"><a href="team-member.html">
                    <img width="270" height="270" src="{$r['thumb']}" alt=""/></a>
                    <div class="thumbnail-desc">
                      <h5 class="thumbnail-josip-title text-bold text-white">{$r['title']}</h5>
                      <p class="veil reveal-md-block text-italic text-white offset-top-0">{$r['description']}</p>
                    </div>
                    <figcaption><a href="{$r['url']}" class="btn btn-block btn-rect text-md-left btn-java">查看详细</a></figcaption>
                  </figure>
                </div>
                {/loop}
              </div>
              {/pc}
              <div class="offset-top-60"><a href="{$CATEGORYS[16]['url']}" class="btn btn-ellipse btn-java">查看全部</a></div>
            </div>
          </div>
        </section>
        <!-- Our Achievements-->
        <section class="text-sm-left">
          <div class="shell-wide">
            <div class="range range-xs-center">
              <div class="cell-lg-5 cell-xl-4 section-90 section-md-122 context-md-dark bg-image-md-fullwidth-1 bg-image-md-fullwidth-1-left veil reveal-lg-block"></div>
              <div class="cell-sm-10 cell-md-12 cell-lg-7 cell-xl-8 section-85">
                <div class="inset-md-left-60 inset-xl-left-100">
                  <h3><a href="{$CATEGORYS[31]['url']}" class="text-gray-dark">{$CATEGORYS[31]['catname']}</a></h3>
                  <hr class="divider divider-lg bg-java hr-sm-left-2">
                  <div class="offset-top-41 offset-lg-top-60">
                    <div class="range">
                      <div class="cell-md-12 cell-xl-9">
                        {pc:content action="lists" catid="31" num="8" siteid="$siteid" order="listorder DESC"}
                        <div class="range">
                          {loop $data $r}
                          <div class="cell-md-6">
                            <!-- Icon Box Type 2-->
                            <div class="unit unit-sm unit-sm-horizontal unit-spacing-sm text-sm-left unit-middle">
                              <div class="unit-left"><span class="icon icon icon-sm icon-circle text-boston-blue icon-default mdi mdi-trophy-variant"></span></div>
                              <div class="unit-body">
                                <h5 class="text-bold text-bold text-primary" style="margin-top:8px;"><a href="{$CATEGORYS[31]['url']}">{$r['title']}</a></h5>
                                <p></p>
                              </div>
                            </div>
                          </div>
                          {/loop}
                        </div>
                        {/pc}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- testimonials-->
        <!--<section class="section-98 section-sm-110 bg-white-liac">
          <div class="shell">
            <h3><a href="{$CATEGORYS[32]['url']}" class="text-gray-dark">{$CATEGORYS[32]['catname']}</a></h3>
            <hr class="divider divider-lg bg-java">
            {pc:content action="lists" catid="32" num="3" siteid="$siteid" order="listorder DESC" moreinfo="1" start="5"}
            <div class="range range-xs-center text-left">
              {loop $data $r}
              <div class="cell-xs-8 cell-md-4 inset-md-right-30">
                <div class="unit unit-xl-horizontal unit-lg-horizontal unit-md-vertical unit-sm-horizontal unit-xs-horizontal unit-spacing-sm">
                  <div class="unit-left"><img src="{$r['thumb']}" width="110" height="110" alt="" class="img-responsive">
                  </div>
                  <div class="unit-body">
                    <h5 class="text-bold text-primary">{$r['title']}</h5>
                    <p class="text-italic offset-top-0">{$r['keywords']}</p>
                    <div class="p unit unit-spacing-xxs unit-horizontal">
                      <div class="unit-left"><span class="icon icon-xs mdi mdi-phone text-primary"></span></div>
                      <div class="unit-body"><a href="callto:#" class="h6">{$r['description']}</a></div>
                    </div>
                  </div>
                </div>
                <p>{$r['content']}</p>
              </div>
              {/loop}
            </div>
            {/pc}
          </div>
        </section>-->
      </main>

      {template "layouts","footer"}
    </div>
    {template "layouts","global"}
    {template "layouts","javascript"}
  </body>
</html>
